<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择下拉列表的颜色后，点击按钮删除选中的列表颜色。</title>
	</head>
	<body>
		<select id="colorSelect">
			<option>Red</option>
			<option>Green</option>
			<option>White</option>
			<option>Black</option>
		</select>
		<button onclick="dle()">删除列表选中颜色</button>
		<script type="text/javascript">
			function dle() {
				var select = document.getElementById('colorSelect')
				// selectedIndex 属性可设置或返回下拉列表中被选选项的索引号
				var res = select.selectedIndex
				// select.options 集合所有 option 的一个数组，每个 option 标签由 0 开始
				select.options.remove(res)
				// console.log(select.options)
			}
		</script>
	</body>
</html>
